@CHARSET "UTF-8";

/*=== 字体 ===*/
@font-face {
    
    font-family: "SourceSans";
    src: url("../../fonts/SourceSansPro-Regular.eot");
    src: url("../../fonts/SourceSansPro-Regular.eot") format("embedded-opentype"),
         url("../../fonts/SourceSansPro-Regular.woff2") format("woff2"),
         url("../../fonts/SourceSansPro-Regular.woff") format("woff"),
         url("../../fonts/SourceSansPro-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    
}

@font-face {
    
    font-family: "SourceCode";
    src: url("../../fonts/SourceCodePro-Regular.eot");
    src: url("../../fonts/SourceCodePro-Regular.eot") format("embedded-opentype"),
         url("../../fonts/SourceCodePro-Regular.woff2") format("woff2"),
         url("../../fonts/SourceCodePro-Regular.woff") format("woff"),
         url("../../fonts/SourceCodePro-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    
}

@font-face {
    
    font-family: "FuturaBook";
    src: url("../../fonts/FuturaBook.eot");
    src: url("../../fonts/FuturaBook.eot") format("embedded-opentype"),
         url("../../fonts/FuturaBook.woff2") format("woff2"),
         url("../../fonts/FuturaBook.woff") format("woff"),
         url("../../fonts/FuturaBook.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    
}

/*=== 动画 ===*/
@keyframes rotate-360 {
    
    0% { 
        
        -webkit-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        -ms-transform:rotate(0deg);
        -o-transform:rotate(0deg);  
        transform:rotate(0deg);
    
    }
    
    100% { 
        
        -webkit-transform:rotate(360deg);
        -moz-transform:rotate(360deg);
        -ms-transform:rotate(360deg);
        -o-transform:rotate(360deg);  
        transform:rotate(360deg);
    
    }
    
}

/*== HTML ==*/
* { backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden; }
html,body { -ms-overflow-style: scrollbar; font-size: 625%; }

/*== 格式化 ==*/
body, button, input, select, textarea, h1 ,h2, h3, h4, h5, h6 { color: #333; font: 0.16rem/0.24rem "FuturaBook", "SourceSans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", SimSun, sans-serif; outline: none; }
div { box-sizing: border-box; }
ul, li, p { margin: 0; padding: 0; }
li { list-style: none; }
a, a:after, a:before { color: #333; cursor: pointer;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s; 
    transition: all 0.5s; }
a:focus, a:hover { color: #FF4343; text-decoration: none; outline: none; }

/*=== 通用 ===*/
.tm-transition { 
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s; 
    transition: all 0.5s; }
.tm-box { padding: 0 0.08rem; }
.tm-first-box { padding-top: 0.8rem; }
.tm-no-padding { padding: 0 !important; }
.tm-display-none { display: none !important; }

/*=== 媒体查询 ===*/
/*手机*/
@media ( min-width : 3.2rem) { 
    
}

@media ( min-width : 3.6rem) { 
    
} 

/*平板电脑*/
@media ( min-width : 7.68rem) { 
    
} 

/*笔记本电脑*/
@media ( min-width : 9.92rem) {   
    
} 

/*PC电脑*/
@media ( min-width : 12rem) {
    
}

/*大屏PC电脑*/
@media ( min-width : 1600px) { 
    
}

/*打印时*/
@media print {
    
 .print-box .button { display: none; }
    
}

/*=== Uikit ===*/
.uk-grid { margin-left: 0; }
.uk-grid > * { padding-left: 0; }
.uk-grid + .uk-grid { margin-top: 0; }
.uk-container { padding: 0; }
[class*="uk-align-"] { margin-bottom: 0; }
* + .uk-grid-margin, .uk-grid + .uk-grid, .uk-grid > .uk-grid-margin { margin-top: 0; }

.uk-tooltip { margin-top: -0.02rem; padding: 0.02rem 0.08rem; max-width: 83.5%; background: #0EB83A; font-size: 0.14rem; color: #FFF; }

.uk-table { margin-bottom: 0; border-collapse: collapse; 
    backface-visibility: visible;
    -webkit-backface-visibility: visible;
    -moz-backface-visibility: visible;
    -ms-backface-visibility: visible; }
.uk-table th,
.uk-table td { border: 0.01rem solid rgba(0,0,0,0.5); font-size: 0.14rem; }
.uk-table th { text-align: center; color: #FF4343; }

/*=== Print ===*/
.print-box { padding: 0.32rem 0; font-size: 0.14rem; }
.print-box .title { border-bottom: 0.02rem solid rgba(0,0,0,0.1); line-height: 0.56rem; font-size: 0.24rem; }
.print-box .title .company-name { margin-right: 0.08rem; }

.print-box .buyer { margin: 0.16rem auto; line-height: 0.28rem; }
.print-box .buyer .subject { font-weight: 700; }
.print-box .buyer .info + .info { margin-left: 0.16rem; }

.print-box .message { position: relative; margin: 0.16rem auto; color: #FF4343; }
.print-box .message .subject,
.print-box .tips .subject { display: block; position: absolute; top: 0; left: 0; width: 0.8rem; }
.print-box .message .info,
.print-box .tips .info { display: block; padding-left: 0.8rem; }

.print-box .tips { position: relative; margin-bottom: 0.16rem; }
.print-box .tips input[type="text"] { width: 100%; border: none; font-size: 0.14rem; }

.print-box .touching { margin-top: 0.16rem; margin-bottom: 0.32rem; padding-top: 0.16rem; border-top: 0.02rem solid rgba(0,0,0,0.1); }
.print-box .touching input[type="text"] { border: none; font-size: 0.14rem; }
.print-box .touching li:first-child input[type="text"] { min-width: 3.2rem; }
.print-box .touching li:last-child input[type="text"] { height: 0.18rem; border-bottom: 0.01rem dashed rgba(0,0,0,0.3); }

.print-box .button a { display: inline-block; padding: 0.04rem 0.16rem; background: #FF4343; color: #FFF; }
.print-box .button a:hover { background: #0EB83A; }